<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="common/img/favicon.ico">
    <title>贵阳公安刑侦合成作战联查平台</title>
    <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="common/css/reset.css">
    <link rel="stylesheet" href="common/css/bootstrap.css">
	<link rel="stylesheet" href="common/bootstrapSelect/bootstrap-select.css">
     <!--轮播-->
    <link rel="stylesheet" href="showIndex/css/index.css">
    <link rel="stylesheet" type="text/css" href="showIndex/layui/css/layui.css"/>
    <link rel="stylesheet" href="showIndex/css/style.css">
</head>
<body>
<div class="row margin padding header">
	<span class="header_left"></span>
	<span class="header_right"></span>
	<span class="header_left_tilt"></span>
	<span class="header_right_tilt"></span>
	<span class="header_top"></span>
	<span class="ring_left_big"></span>
    <span class="ring_left_lit"></span>
    <div class=" header-div">
        <span class="header_title">
        	<b>贵阳公安局刑侦合成作战联查平台</b>
        	<span class="left_top"></span>
        	<span class="left_bottom"></span>
        	<span class="right_top"></span>
        	<span class="right_bottom"></span>
        </span>
        <div id="heading_top_time">
        	<span class="bottom_date"></span>
			<span class="top_time"></span>
			
		</div>
    </div>
</div>
<div class="content">
	<span class="content_right"></span>
	<span class="tilt content_right_tilt_1"></span>
	<span class="tilt content_right_tilt_2"></span>
	<span class="tilt content_right_tilt_3"></span>
	<span class="tilt content_right_tilt_4"></span>
	<span class="tilt content_right_tilt_5"></span>
	
	<!--content底部的span-->
	<span class="content_bottom"></span>
	<div id="trapezoid"></div>
	<span class="content_left"></span>
	<span class="tilt content_left_tilt_1"></span>
	<span class="tilt content_left_tilt_2"></span>
	<span class="tilt content_left_tilt_3"></span>
	<span class="tilt content_left_tilt_4"></span>
	<span class="tilt content_left_tilt_5"></span>
	<span class="content_bottom_left_tilt"></span>
	<span class="content_bottom_right_tilt"></span>
	<span class="ring_right_big"></span>
    <span class="ring_right_lit"></span>
	<div class="content_sub">
		<div class="row margin padding ">
		    <div class="col-lg-3 col-md-3 col-xs-12  margin padding">
		        <div class="col-lg-12 col-md-12 col-xs-12  margin padding">
		            <div class="graphical graphical_1">
		            	<span class="top_top_left"></span>
		    			<span class="top_top_right"></span>
		    			<span class="top_left"></span>
		        		<span class="top_right"></span>
		        		<span class="bottom_bottom_left"></span>
		        		<span class="bottom_bottom_right"></span>
		        		<span class="bottom_left"></span>
		        		<span class="bottom_right"></span>
		        		
		                <div class="contents" id="echart_box" >
		                    <div class="title newTitle" id="modal" data-toggle="modal" data-target=".bs-example-modal-lg"><span class="modalSpan titleOne">全市案发数量统计【年】</span><span class="resetSpan" onclick="resetCircle()"><b>|</b>重置</span></div>
		                    <div class="modal fade bs-example-modal-lg myModal" id="modals" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
							  <div class="modal-dialog modal-lg modal_content" role="document">
							    <div class="modal-content">
							    	<div class="modal-header modal_header">
								        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 24px;">&times;</span></button>
								        <span class="Tag">详情统计</span>
								    </div>
								    <div class="modal-body modal_body">
								    	<div class="layui-form">
										  <div class="layui-form-item">
										    <div class="layui-inline">
										      <label class="layui-form-label modal_time">日期范围</label>
										      <div class="layui-input-inline" style="width: 350px;">
										        <input type="text" class="layui-input" id="test6" placeholder=" 请选择日期 " style="font-size: 24px;width: 100%;text-align: center;background: none;color: #FFFFFF;">
										      </div>
										    </div>
										  </div>
										</div>
								    	<div id="echart_6"></div>
								    </div> 
							    </div>
							  </div>
							</div>

		                    <div id="echart_1" style="width: 100%;height:100%;"></div>
		                    <div class="title Tag_click">
								<span id="week" onclick="byWeek(this)">按周统计</span>
		                    	<b>|</b>
		                    	<span id="month" class="onClick" onclick="byMonth(this)">按月统计</span>
								<b>|</b>
								<span id="byYear" onclick="byYear(this)">按年统计</span>
								<b>|</b>
								<span id="caseType" onclick="caseType(this)">案件类型</span>
		                    </div>
		                    <div id="echart_2" style="width: 100%;height:90%;"></div>
		                </div>
		            </div>
		        </div>
		        <div class="col-lg-12 col-md-12 col-xs-12  margin padding">
		            <div class="graphical graphical_3">
		                <div class="contents contentsDiv">
		                    <div class="title Tag_s">每日警情</div>
		                    <div class="update">
								<div class="updataData"></div>
		                    </div>
		                </div>
		            </div>
		        </div>
		       
		    </div>
		    <div class="col-lg-9 col-md-9 col-xs-12  margin padding">
		        <div class="col-xs-12  margin padding">
		            <div class="graphical graphical_5">
		                <div class="contents">
		                	<div class="total">
		                		<div class="col-lg-4 col-md-4 col-xs-12">
		                			<p id="Input_quantity" class="num"></p>
		                			<p>总录入量</p>
		                		</div>
		                		<div class="col-lg-4 col-md-4 col-xs-12">
		                			<p id="Case_volume" class="num"></p>
		                			<p>案件量</p>
		                		</div>
		                		<div class="col-lg-4 col-md-4 col-xs-12">
		                			<p id="instructions" class="num"></p>
		                			<p>总指令</p>
		                		</div>
		                	</div>
		                   <div class="contents_box">
		                   		<div class="col-lg-8 col-md-8 col-xs-12  margin padding">
		                   			<div class="col-lg-12 col-md-12 col-xs-12  margin padding">
							            <div class="graphical1 graphical_6">
							                <div class="contents" >
							                   	<div class="title titleTwo">全市录入情况【年】</div>
		                    					<div id="echart_3" class="echart_3_anim_Y" style="width: 100%;height:90%;"></div>
							                   
							                </div>
							            </div>
							        </div>
							        <div class="col-lg-12 col-md-12 col-xs-12  margin padding">
							            <div class="graphical1 graphical_7">
							                <div class="contents contents_fixed">
							                	<div class="title titleThree">工作指令完成情况【年】</div>
							                	<div class="box_4">
						                			<span class="top_top_left"></span>
						                			<span class="top_top_right"></span>
						                			<span class="top_left"></span>
							                		<span class="top_right"></span>
							                		<span class="bottom_bottom_left"></span>
							                		<span class="bottom_bottom_right"></span>
							                		<span class="bottom_left"></span>
							                		<span class="bottom_right"></span>
						                			<div id="echart_4" class="echart_4_anim_Y" style="width: 100%;height:100%;"></div>
						                		</div>
							                </div>
							            </div>
							        </div>
		                   		</div>
		                   		<div class="col-lg-4 col-md-4 col-xs-12  margin padding">
		                   			<div class="col-lg-12 col-md-12 col-xs-12  margin padding">
							            <div class="graphical1 graphical_8">
							                <div class="contents" >
							                    <div class="title Tag_s newTag"><span class="titleFour">录入率【年】</span><b>|</b><span class="changeType" onclick="admissionRate(this)">全部</span></div>
							                    <div class="echart_5">
						                			<span class="top_top_left"></span>
						                			<span class="top_top_right"></span>
						                			<span class="top_left"></span>
							                		<span class="top_right"></span>
							                		<span class="bottom_bottom_left"></span>
							                		<span class="bottom_bottom_right"></span>
							                		<span class="bottom_left"></span>
							                		<span class="bottom_right"></span>
							                		<div id="echart_5" class="echart_5_anim_Y" style="width: 100%;height:100%;"></div>
						                		</div>
							                </div>
							            </div>
							        </div>
							        <div class="col-lg-12 col-md-12 col-xs-12  margin padding">
							            <div class="graphical1 graphical_9">
							                <div class="contents contents_fixed">
							                	<span class="title Tag_s">图片播放</span>
												<div class="banner">
											        <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width:430px; height:276px;">
											          <!-- Slides Container -->
											          <div u="slides" class="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:430px; height:276px;">
											          </div>
											      </div>
											    </div>
							                </div>
							            </div>
							        </div>
		                   		</div>
		                   </div>
		                
		                </div>
		            </div>
		        </div>
		    </div>
		    <div>
		        <input type="hidden"  class="form-control Input" th:value="${userId}" id="userId">
		        <input type="hidden"  class="form-control Input" th:value="${roleEnName}" id="roleEnName">
				<input type="hidden"  class="form-control Input" th:value="${orgCode}" id="orgCode">
		        <!--<input type="hidden"  class="form-control Input" value="sjgly" id="roleEnName">-->
		        <!--<input type="hidden"  class="form-control Input" value="520112" id="orgCode">-->
		    </div>
		</div>
 
	</div>
	<div class="statisTab">
		<button onclick="statisTab(this)">周</button>
		<button onclick="statisTab(this)">月</button>
		<button onclick="statisTab(this)">年</button>
	</div>
</div>
  <div class="marks"></div>
<div class="mark"></div>
</body>

<script src="common/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="common/js/echarts.min.js"></script>
<script src="common/js/bootstrap-3.1.1.min.js"></script>
<script src="common/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
<script src="common/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="common/bootstrapSelect/bootstrap-select.js"></script>

<!--highCharts-->
<script src="common/highcharts/highcharts.js"></script>
<script src="common/highcharts/highcharts-3d.js"></script>
<script src="common/highcharts/exporting.js"></script>

<script src="common/js/server.js"></script>
<script src="common/js/jquery.animateNumber.js" type="text/javascript" charset="utf-8"></script>
<script src="showIndex/js/index.js"></script>
<!--轮播-->
<script src="showIndex/js/jssor.slider-22.0.15.min.js" type="text/javascript" charset="utf-8"></script>
</html>
